
/* ----- engineering/department.css ----- */
@media screen {
/* Basic data table formatting */
.data-table { border:1px solid #7294d8; border-collapse:collapse; width: 92%; margin-left: 5px; }
.data-table caption { color: #1d499f; background: #ecf6ff; border: 1px dotted #7294d8; padding: 3px; font-size: 90%; } 
.data-table td, .data-table th { border-bottom:1px solid #7294d8; border-collapse:collapse; padding:5px; } 
.data-table thead th { color: #1d499f; background: #ecf6ff; text-align:left; }
.data-table tbody th { text-align:left; }

/* Homepage news headlines  */
#hp-news-headlines {  padding: 0 15px 15px 15px;  margin: 0; font-size: 90%; border-bottom: 1px solid #E5E5E5; font-size: 80%; }
#hp-news-headlines h2 {  font-size: 140%; margin: 0 0 10px 0; padding: 0 }
#hp-news-headlines h2 a, #hp-news-headlines h2 a:visited { color: #2858BB; text-decoration: none  }
#hp-news-headlines h2 a:hover, #hp-news-headlines h2 a:visited:hover { color: #B01C2E; text-decoration: underline  }
#hp-news-headlines ul { list-style-type: none; list-style-image: none; padding: 0; margin: 0; }
#hp-news-headlines ul li { font-size: 100%; line-height: 1.3; width: 100%; margin: 8px 0 0 0; }



/* links  */
#uobcms-content a, #uobcms-content-nonav a { color: #2f7104 }

/* header */

#header    { background: #2f7104 url(/svn_jsonmatch/trunk/WWW/uob/portal_css/engineering/images/header-image-02.jpg) no-repeat right  top; border-top: 1px solid #2f7104; color: white;  }
#uoblogo a, #uoblogo span { background: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/engineering/images/uob-logo.gif) no-repeat;  }


/* footer */


#footer {  color: white; border-top: 1px solid #2f7104; border-bottom: 1px solid #2f7104; }
#footer a { color: white; }
.footer-nav, .footer-nonav  { background: #2f7104 url(/svn_jsonmatch/trunk/WWW/uob/portal_css/engineering/images/footer-crest.jpg) no-repeat right top;  }



/* titles in header */

.maintitle #title1  { color: white; }
#maintitle2 #title2 {color: white; }
.maintitle a, .maintitle a:visited { color: white; }
.maintitle a:hover { color: white;  }



/* additional departmental top navigation bar */

#deptnav, #deptnavbottom {background: #f7f7f3;  border-top: 1px solid #cccccc }
#deptnav ul li a, #deptnav ul li .link-on { color: #333;  border-right: 1px solid #cccccc; }
#deptnav ul { width: 100%; }
#deptnav ul li a:hover, #deptnavbottom ul li a:hover  { background-color: #dcdccc; color: #333;}
#deptnavbottom { background: #edebde;  border-bottom: 1px solid #96a82b;}
#deptnavbottom ul  {background: #edebde;   }
#deptnavbottom ul li a, #deptnavbottom ul li .link-on  { color: #333;  border-right: 1px solid #ccc;  }
/* #deptnav ul li.intranet { float: right;  } */
#deptnav ul li.intranet a { border-right: 0; border-left: 1px solid #ABBCCA }


/* headings within content area */

#pagetitle {color: #be810a; }
h2 {color: #2f7104; }
h3 {color: #2f7104; }
h4 {color: #2f7104;}



/* side navigation */
.navtitle {border-bottom: 1px solid #ccc; color: #2f7104 }
.navtitle a  { color: #2f7104;   }
.navtitle a:hover  { color: #2f7104;  }
.navgrouptitle  { color: #333333; background: none; }
.navgrouptitle a {color: #000000; }
.navgrouptitle a:hover {  color: #8b2741;  }
.navgrouptitle span.link-on {color: #b01c2e;}

.navgroup { margin: 0 0 10px 0; padding: 0 0 3px 0;  border-top: 1px solid #ccc; background: none;}
.navgroup li { border-bottom: 1px solid #cccccc; border-top: 1px solid white; 
 background-color: #f7f7f3; }
.navgroup li a {  color: #000000;  }
.navgroup li a:visited { color: #000000;  }
.navgroup li a:hover { background-color: #fff; color: #252D36; }
.navgroup span.link-on  { color: #be810a;  background-color: white}



/* subnav within a navgroup */
.navgroup ul {background-color: white;  }
.navgroup ul li { background-color: white;  border-top: 1px dashed #ccc;}
 
.navgroup ul li a { background: white url(/svn_jsonmatch/trunk/WWW/uob/portal_css/engineering/images/subnav-arrow.gif) no-repeat 4px 9px; }

/* homepage */
.ps-research-links { position: relative }
.ps-research-links h2 { margin: 0; padding: 0 }
.ps-research-links img { border: 0  }
.ps-research-links a  { text-decoration: none; }
.ps-research-links a span { position: absolute; width: 280px; left: 0; top: 0; display: block; padding: 7px 10px; background: #be810a; color: white; opacity: .90;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	
		filter: alpha(opacity=90); 
		 }
.ps-research-links a:hover span { opacity: 1.0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
		filter: alpha(opacity=100);
		background: #be810a url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/heading-overlay-arrow.png) no-repeat right center; }
#hp-prospective-students { float: left; }
#hp-research { margin-left: 320px }

#mega-footer .videoContainer a.button-style {  background-color: #2f7104; background-image: none; font-size: 80%; color: white;  margin-top: 1em; width: 35%; text-align: center;  padding: 0.5em 0.75em; }


/* #hp-people a span, #hp-people a:hover span { background-color: #2f7104 } */

/* news and events */
#hp-news h4, #hp-news h4 a, #hp-events h4, #hp-events h4 a { color: #2f7104; text-decoration: none;   }
#hp-news h4, #hp-events h4 { position: relative;  font-size: 105%; padding-bottom: 0.25em; margin: 0.5em 0 }
#hp-news .rss, #hp-events .rss { position: absolute; right: 0; top: 0em; border: 0 } 
#hp-news li, #hp-events li { margin: 0 0 1em 0; list-style-type: none; list-style-image: none; }
#hp-news .date, #hp-events .date { font-style: italic; }
#hp-events { margin-top: 1.5em }

/* mega footer */
#mega-footer { padding-top: 0.5em; background: #f6f3ea;  border-top: 1px solid #dbd9cc }
#mega-footer h4, #mega-footer h4 a { color: #2f7103; margin: 0; padding: 0 }
#mega-footer h5 { margin: 0; padding: 0 }
.profile-links { position: relative;  margin: 0; padding: 0  }

.profile-links img { border: 0  }
.profile-links a  { text-decoration: none; }
.profile-links a span { position: absolute; width: 200px; left: 0; bottom: 0; display: block; padding: 7px 10px; background: #2f7104 ; color: white; opacity: .90;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	
		filter: alpha(opacity=90); 
		 }
.profile-links a:hover span { opacity: 1.0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
		filter: alpha(opacity=100);
		background: #2f7104 url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/heading-overlay-arrow.png) no-repeat right center; }

/* Research homepage */
#research-people h4 { font-size: 90%; border: 0; padding: 0; margin: 0; color: #333; font-weight: bold }
#research-people h4 + p {  padding: 0; margin: 0; } 
.list-menu a { background: #f3f3ec!important;   color: #333;  border-color:#cccccc;  }
.list-menu a:hover { background: #dcdccc!important; }
#mega-footer .button-style-intranet { padding: 0.75em 33px 0.75em 0.75em!important; color: #333333!important;  background-color: #c3c3b9!important;}
#mega-footer .button-style-intranet:hover { background-color: #2f7104 }
#mega-footer .button-style-intranet span { font-weight: normal !important;}
#research-people p, #research-about p, #research-faculties p { font-size: 90%; }
#research-people img, #research-about img, #research-faculties img { border: 1px solid #ccc; } 
#research-groups .container { padding: 20px; background: #f7f7f3; border: 1px solid #ccc; overflow: auto; }
#research-groups .container h3, #research-groups .container h4 { border: 0; font-size: 120%; margin: 0 }
#research-groups li { font-size: 90%; list-style-type: none; list-style-image: none; margin: 0 0 0.5em 0;  padding: 0}
#research-groups ul { float: left; width: 210px; margin-top: 0.5em;  }

#research-initiatives ul {  width: 100%;  margin-top: 0em; }
#research-initiatives h4 { font-size: 100%; font-weight: bold; border: 0 }

/* prospective students */
#students-say p, #faculty-film p, #special p { font-size: 90% }
/* prospective students */
#students-say p, #faculty-film p, #special div { font-size: 90% }

#special div { position: relative; height: 180px; width: 240px; }
#special div a { text-decoration: none!important; height: 180px; width: 240px; display: block; top: 0; position: absolute; left: 0; z-index: 2 }
#special div img { position: absolute; top: 0; left: 0; z-index: 1 }
#special div a span { position: absolute; bottom: 0; left: 0; padding: 10px; background: #be810a; color: white; text-decoration: none!important; border: 0; opacity: .90;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	
		filter: alpha(opacity=90);  }
#students-say blockquote { margin: 0; padding: 0}
#students-say p { font-style: italic;  }
#students-say p.quotee { color: #666; font-style: normal; margin-top: -0.5em  }
#students-say img { float: right; border: 1px solid #ccc; margin: 2px 0 5px 10px;  }

#faculty-film a.button-style {  background-color: #2f7104; background-image: none; font-size: 80%; color: white;  margin-top: 1em; width: 35%; text-align: center;  padding: 0.5em 0.75em; }
#students-say a.button-style { font-style: normal; background-color: #2f7104; background-image: none; font-size: 90%; color: white;  margin-top: 1em; width: 65%; text-align: center;  padding: 0.5em 0.75em; }

#uobcms-content .button-style:hover, #uobcms-content-nonav .button-style:hover, .button-style:hover, #uobcms-content .button-style-intranet:hover, #uobcms-content-nonav .button-style-intranet:hover, .button-style-intranet:hover {
    background-color: #61993B;
}

}


/* ----- engineering/engineering.css ----- */
@media screen {
.homebox {margin-bottom: 16px; float: left; width: 30%; } 

.homebox h2, 
  #newsevents h2 {margin-top: 0;  background: white url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/pagetitle-crest.gif) no-repeat 2px 75% ; border-bottom: 1px dashed #ccc;
 padding-left: 30px; }
.homebox ul, 
  #newsevents ul {margin-left: 8px; padding-left: 8px; font-size: 95%;} 
.homebox a, 
  #newsevents a {color: #069; text-decoration: none;} 


.homebox h2, 
  #maincontents h2 {margin-top: 0;  background: white url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/pagetitle-crest.gif) no-repeat 2px 75% ; border-bottom: 1px dashed #ccc;
 padding-left: 30px; }
.homebox ul, 
  #maincontents ul {margin-left: 8px; padding-left: 8px; font-size: 95%;} 
.homebox a, 
  #maincontents a {color: #069; text-decoration: none;} 

.homebox a:hover, 
  #newsevents a:hover {text-decoration: underline;} 
  #maincontents a:hover {text-decoration: underline;} 
  #infofor {} 
  #infoabout {margin-left: 8px;} 
  #newsevents {float: right; width: 50%;} 
  #maincontents {float: left; width: 50%;} 
  #intropara {width: 45%;} 
  #homepicbox {width: 45%;}

  #middle {
	margin: 20px 190px 20px 190px;
	padding: 10px;
	border: 0;
	}

/* 3 fluid column structure */
div#mainwrap { margin: 0; padding: 0; position: relative; width: 100%; }

div#main-left { width: 50%; float:left; padding: 0 5px 10px 0; margin: 0 -200px 0 0; }
#main-left .homecontent { margin: 0 205px 0 0; }
* html #main-left {width: 49.9%; margin-right: -200px; }

div#main-centre { width: 370px; float:left; position: relative; margin-left: -1px;  padding: 0 10px 10px 10px; }

div#main-whole { width: 100%; float:left; position: relative; margin-left: -1px;  padding: 0 10px 10px 10px; }

div#main-right { width:50%; float:left; padding: 0 0 10px 5px; margin: 0 0 0 -200px; }
div#main-right .homecontent { margin: 0 8px 0 205px; }
* html div#main-right { width: 49.9%; overflow: hidden; }

/* FEN content area where navigation bar in use */
/*div#fen-content{float:left; margin:0 0 0 200px; padding:4px,4px,4px,4px;} */
div#fen-content{float:left; margin:0 0 0 200px; padding:0;} 

/* FEN two columns */
div#fen-col12{width: 50%; float:left; border-right:1px solid #E5E5E5 /*grey*/; padding:0;}
div#fen-col22{width: 49%; position:relative; float:left; border-left:1px solid #E5E5E5; left:-1px;}

/* FEN two columns tight*/
div#fen-col12t{float:left; border-right:1px solid #E5E5E5 /*grey*/; padding:0;}
div#fen-col22t{position:relative; float:left; border-left:1px solid #E5E5E5; left:-1px;}

.fen-col-jpg {width: 15%; height:99%; float:left; border:1px solid red; padding:0;}
.fen-col-list {width: 75%; height:99%; position: relative; float:left; border:1px solid blue; padding-left:1em;}
.fen-col-box {width: 99%; height:99%; float:left; border:0px; margin:0px;  left:-1px;}

/* FEN box classes for parallel image and list boxes */
.fen-image-box {border: 1px solid #E0EEDE ; padding: 0px; margin: 0px 4px 4px 4px; float: left; height: 110px;}
.fen-image-0box {border: 1px solid #FFFFFF; padding: 0px;  margin: 0px 4px 4px 4px; float: left; }
.fen-list-box {border: 1px solid #E0EEDE; margin: 0px 0px 4px 4px; float: left; min-height: 110px; width: 60%;}
.fen-list-0box {border: 1px solid #FFFFFF; margin: 0px 0px 4px 4px; float: left; min-height: 110px; width: 60%;}
.fen-list-head{padding: 4px; margin: 0px 0px 4px 0px; color:#FFFFFF; background-color: #225700;}
.fen-list-0head{padding: 4px; margin: 0px 0px 4px 0px; color:#000000; background-color: #FFFFFF;}
.fen-list-content {margin: 0px 4px 4px 4px;}
ul, li [class="fen-list-content"]{margin: 0px; padding: 0px;}
.fen-list-content li {font-size:80%;}

/* page contents list */
.xpageindex {margin-left: 2em; padding-left: 20px;}
.pageindex li {list-style:url(/svn_jsonmatch/trunk/WWW/uob/engineering/images/squarebullet.gif) square inside; font-size:85%;}

/* faculty diary */
.month-table {border:1px solid #E0EEDE} 
.month-table caption {color: #000000; background: #FFFFFF; border: 1px solid #E0EEDE; font-weight: bold;}
.month-table td, .month-table th {border:1px solid #E0EEDE; font-size: 75%} 
.month-table thead th{color: #000000; background: #E0EEDE;}

#diary-links {border:#F6D851 1px solid; padding: 15px; background: #F7EAB1 url(/svn_jsonmatch/trunk/WWW/uob/engineering/images/diarybtn.gif) repeat-x bottom; line-height:2.0; text-align: center;}

div#j-dlinks a {border:#000 solid 1px; padding:2px 4px; font-size:94%;}
div#j-dlinks a:link, div#j-dlinks a:visited {color:#000; background-color:#fff; text-decoration:none;}
div#j-dlinks a:hover {border:#CC6E79 solid 1px; color:#fff; background-color:#B01C2E; text-decoration:none;}

/* list with no bullets */
.listnobullet {padding: 1px;}
li.listnobullet {list-style:none none;}

/* handbook sublists */
.hbsublist li {list-style:url(/svn_jsonmatch/trunk/WWW/uob/engineering/images/squarebullet.gif) square inside; font-size:85%;}

/* faculty tables dark green*/ 
.fen-table { border:1px solid #E0EEDE; border-collapse:collapse; width: 92%; margin-left: 5px; } 
.fen-table caption { color: #1d499f; background: #E0EEDE; border: 1px dotted #8DC340; padding: 3px; margin-left: 4px; font-size: 90%; } 
.fen-table td, .fen-table th { border-bottom:1px solid #E0EEDE; border-collapse:collapse; padding:5px; } 
.fen-table thead th{ color: #1d499f; background: #E0EEDE; text-align:left; } 
.fen-table tbody th{ text-align:left; }

/* faculty tables green */ 
.fen-itable { border:1px solid #E0EEDE; border-collapse:collapse; width: 92%; margin-left: 5px; } 
.fen-itable caption { color: #1d499f; background: #7AAD36; border: 1px dotted #E0EEDE; padding: 3px; margin-left: 4px; font-size: 90%; } 
.fen-itable td, .fen-itable th { border-bottom:1px solid #E0EEDE; border-collapse:collapse; padding:5px; } 
.fen-itable thead th{ color: #1d499f; background: #7AAD36; text-align:left; } 
.fen-itable tbody th{ text-align:left; }

/* prizes page */
.headercolor h2 { padding-left: 2px; color: #fff; background: #228B22; text-align:left; } 
.headercolor h3 { padding-left: 2px; border:1px solid #b4d49e; color: #1d499f; background: #E0EEDE; text-align:left; } 

/* current students page */
.csbox {margin-bottom: 16px; font-size: 90%;}
.csbox h2 {margin: 0;
             padding: 4px;
             font-weight: normal;}
.csbox ul {width: 75%;
           margin-top: 4px;
           margin-right: 4px;}
.csbox ul li a {color: #006699;
                text-decoration: none;}
.csbox ul li a:hover {text-decoration: underline;}

#ugbox {border: 1px solid #228B22;
        background: #FFFFFF url(/svn_jsonmatch/trunk/WWW/uob/engineering/currentstudents/ugrad.gif) bottom right scroll no-repeat;  width: 80%;}
#ugbox h2 {background-color: #228B22;}
#ugbox h2 a {color: #FFF;
            text-decoration: none;}
#pgbox {border: 1px solid #228B22;
         background: #FFFFFF url(/svn_jsonmatch/trunk/WWW/uob/engineering/currentstudents/pgrad.gif) bottom right scroll no-repeat;  width: 80%;}
#pgbox h2 {background-color: #228B22;}
#pgbox h2 a {color: #FFF;
            text-decoration: none;}
#ugbox h2 a:hover, #pgbox h2 a:hover  {text-decoration: underline;}

.fen-green-table { border:1px solid #1D499F; border-collapse:collapse; width: 92%; margin-left: 5px; }
.fen-green-table caption { color: #1d499f; background: #E0EDEE; border: 1px dotted #1D499F; padding: 3px; margin-left: 4px; font-size: 90%; }
.fen-green-table td, .fen-green-table th { border-bottom:1px solid #1D499F; background:#E0EDEE; border-collapse:collapse; padding:5px; }
.fen-green-table thead th{ color: #1d499f; background: #E0EDEE; text-align:left; }
.fen-green-table tbody th{ text-align:left; } 

.fen-grey-table { border:1px solid #1D499F; border-collapse:collapse; width: 92%; margin-left: 5px;}
.fen-grey-table caption { color: #1d499f; background: #D3D3D3; border: 1px dotted #1D499F; padding: 3px; margin-left: 4px; font-size: 90%; }
.fen-grey-table td, .fen-grey-table th { border-bottom:1px solid #1D499F; background:#D3D3D3; border-collapse:collapse; padding:5px; }
.fen-grey-table thead th{ color: #1d499f; background: #D3D3D3; text-align:left; }
.fen-grey-table tbody th{ text-align:left; } 

#brief-leftbox,
#brief-midbox1,
#brief-midbox2,
#brief-rightbox {float: left; width: 22%; margin-bottom: 10px; font-size: 84%; 
border: none; padding-top: 8px; margin-left: 10px;
padding-left: 2px; min-width: 100px; min-height: 200px;}

/*#brief-leftbox, 
#brief-midbox1,
#brief-midbox2, 
#brief-rightbox  {background-repeat: repeat-y; background-position: top left;}*/

/*#brief-leftbox h2,    
#brief-midbox1 h2,
#brief-midbox2 h2,
#brief-rightbox h2 {margin-left: 5px; padding-top: 5px;}*/

#brief-leftbox a,    
#brief-midbox1 a,
#brief-midbox2 a,
#brief-rightbox a {text-decoration: none; color: #6F6F3E;}

#brief-leftbox a:hover,    
#brief-leftbox a:focus,
#brief-midbox1 a:hover,    
#brief-midbox1 a:focus, 
#brief-midbox2 a:hover,    
#brief-midbox2 a:focus,    
#brief-rightbox a:hover,    
#brief-rightbox a:focus   {color: #f00c22; text-decoration: none; 
background-color: transparent;}

.alphalist ol li {list-style-type: lower-alpha;}
.romanlist ol li {list-style-type: lower-roman;}

/* layout of images for gdo */
.imagetiles-leftbox,
.imagetiles-midbox1,
.imagetiles-midbox2,
.imagetiles-rightbox {float: left; width: 22%; margin-bottom: 15px; font-size: 84%;
border: inset green; padding-top: 15px; margin-left: 10px;
padding-left: 5px; width: 140px; height: 270px;}

.imagetiles-leftbox a,
.imagetiles-midbox1 a,
.imagetiles-midbox2 a,
.imagetiles-rightbox a {text-decoration: none; color: #6F6F3E;}

.imagetiles-leftbox a:hover,
.imagetiles-leftbox a:focus,
.imagetiles-midbox1 a:hover,
.imagetiles-midbox1 a:focus,
.imagetiles-midbox2 a:hover,
.imagetiles-midbox2 a:focus,
.imagetiles-rightbox a:hover,
.imagetiles-rightbox a:focus   {color: #f00c22; text-decoration: none;
background-color: transparent;}

.imagetiles-container {max-width: 750px;}

/* for EngD home page */
#imagesplit-container {border: solid thin green; height: 250px; padding: 4px;}
#imagesplit-image {float: left; width: 330px; height: 226px; margin: 1px; padding: 10px; border: solid thin green;}
#imagesplit-news {position: relative; float: none; overflow-y: scroll; overflow-x: hidden; margin: 0px; height: 206px; padding: 20px; margin: 1px; width: auto; border: solid thin green;}

.engd-newsitem {left: 10px; position: relative; padding: 4px; margin: 15px; clear: right; border: dashed thin green;}
.engd-newsdate {font-size: small; background-color: green; color: #F0F8FF; float: none; position: relative; padding: 1px; top: 4px; left: -4px;}

/* for EngD */
.engd-gallerycontainer {text-align: center;}

.engd-galleryitem {float: left; width:204px; margin-bottom: 15px; border: solid thin green; padding-top: 15px; margin-left: 10px; padding-left: 5px; padding-right: 5px; padding-bottom:5px; height:330px;}

}

